<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            作用域 就是变量的使用范围 当创建一个变量 在某一个位置是否有权限使用这个变量 在js中早期只存在两种作用域(局部作用域 全局作用域) 后期扩展了块级作用域
            局部作用域：在函数中创建的变量就是局部变量，只能在函数中使用
            全局作用域：在函数之外创建的就是全局，在浏览器端存在一个最大的作用域叫做window作用域
        */
        // 1、认识作用域变量
        // 全局变量
        // let name = '王八';
        function fn(){
            // 局部变量
            let nickname = '李四';
            // console.log(name);
        }
        fn();
        // console.log(nickname) //无法访问
        // 2、js中函数的嵌套
        // 等价于 写 let fn2 = function(){} 就是在当前全局作用域中创建了一个fn2的变量
        function fn2(){
            // let fn3 = function(){
            //     console.log('fn3');
            // }
            function fn3(){
                console.log('fn3')
            }
            fn3();
        }
        fn2()
        // 3、浏览器端最顶级的window作用域
        // 在浏览器打开页面的时候 会提供一个顶级的window作用域（就是window对象），在该作用域下存在很多的信息，window作用域是随着页面的创建而创建 随着页面关闭而销毁
        console.log(window);
        // window.confirm("是否删除数据？")
        // 
    </script>
</body>
</html>